<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
          name="viewport"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <link rel="stylesheet" href="./css/myreset.min.css"/>
    <link rel="stylesheet" href="./css/swiper.3.1.2.min.css"/>
    <link rel="stylesheet" href="./css/animate.min.css"/>
    <link rel="stylesheet" href="./css/index.css"/>
    <title id="wxTitle">必胜客榴莲多多比萨</title>
</head>
<body>
<div class="swiper-container" id="main-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide swiper-no-swiping" id="loading">
            <div class="icon">
                <img src="./images/loading/icon.png" alt=""/>

                <div class="percent-area"><span id="percent">0</span>&nbsp;
                    <span>%</span></div>
                <div class="load-word">正在加载...</div>
            </div>
        </div>
        <div class="swiper-slide swiper-no-swiping" id="page-1">
            <div class="smoke">
                <img src="./images/smoke.png" alt="">
            </div>
            <div class="logo">
                <img data-src="./images/p-1/logo.png" alt=""/>
            </div>
            <div class="title">
                <img data-src="./images/p-1/title.png" alt="" class="ani title-main" swiper-animate-effect="zoomIn"
                     swiper-animate-duration="0.3s"/>
                <img data-src="./images/p-1/liu.png" alt="" class=" title-word" swiper-animate-effect="zoomIn"
                     swiper-animate-duration="0.3s"/>
            </div>

            <div class="youhui">
                <img src="./images/p-1/youhui.png" alt=""/>
                <img src="./images/p-1/youhui50.png" alt="" class="youhui-word"/>
            </div>
            <div class="desc">
                <img data-src="./images/p-1/desc.png" alt=""/>
            </div>
            <div class="btn">
                <img id="begin-game" data-src="./images/p-1/btn.png" alt=""/>
            </div>
        </div>
        <div class="swiper-slide swiper-no-swiping" id="page-2">
            <div class="loudou">
                <img class="loudou-image" data-src="./images/p-2/loudou.png"
                     alt=""/>
                <img class="ll-image" data-src="./images/p-2/ll-1.png" alt=""/>
                <img class="ll-image" data-src="./images/p-2/ll-2.png" alt=""/>
                <img class="ll-image" data-src="./images/p-2/ll-3.png" alt=""/>
                <img class="ll-image" data-src="./images/p-2/ll-4.png" alt=""/>
                <img class="ll-image" data-src="./images/p-2/ll-5.png" alt=""/>
                <img class="ll-image" data-src="./images/p-2/ll-6.png" alt=""/>
                <img class="ll-image" data-src="./images/p-2/ll-7.png" alt=""/>
                <img class="ll-image" data-src="./images/p-2/ll-8.png" alt=""/>
            </div>


            <div class="float-time">
                <div class="num">3</div>
                <div class="yao">
                    <img data-src="./images/p-2/yao.png" alt=""/>
                </div>
            </div>
        </div>
        <div class="swiper-slide swiper-no-swiping" id="page-3">
            <div class="smoke">
                <img src="./images/smoke.png" alt="">
            </div>
            <div class="desc">
                <img class="desc1" data-src="./images/p-3/desc100.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.2s"/>
                <img class="desc3" data-src="./images/p-3/desc300.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.2s"/>
                <img class="desc5" data-src="./images/p-3/desc.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.2s"/>
            </div>

            <div class="code">
                <img data-src="./images/p-3/code10.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.2s" swiper-animate-delay="0.1s"/>
            </div>

            <div class="btn">
                <div class="again">
                    <img data-src="./images/p-3/again.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.2s" swiper-animate-delay="0.2s"/>
                </div>
                <div class="invite">
                    <img data-src="./images/p-3/invite.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.2s" swiper-animate-delay="0.3s"/>
                </div>
            </div>

            <div class="rule">
                <img data-src="./images/p-3/rule.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.4s" swiper-animate-delay="0.4s"/>
            </div>

            <div class="share">
                <img data-src="./images/p-3/share.png" alt=""/>
            </div>
        </div>

        <div class="swiper-slide swiper-no-swiping" id="page-4">
            <div class="smoke">
                <img src="./images/smoke.png" alt="">
            </div>
            <div class="desc">
                <img data-src="./images/p-4/desc.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.2s"/>
            </div>

            <div class="code">
                <img data-src="./images/p-4/code.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.2s" swiper-animate-delay="0.1s"/>

                <div class="code-id"></div>
            </div>

            <div class="btn">
                <div class="again">
                    <img data-src="./images/p-4/again.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.2s" swiper-animate-delay="0.2s"/>
                </div>
                <div class="invite">
                    <img data-src="./images/p-4/invite.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.2s" swiper-animate-delay="0.3s"/>
                </div>
            </div>

            <div class="rule">
                <img data-src="./images/p-4/rule.png" alt="" class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.2s" swiper-animate-delay="0.4s"/>
            </div>

            <div class="share">
                <img data-src="./images/p-3/share.png" alt=""/>
            </div>
        </div>
    </div>
</div>
<audio id="music" src="media/1.mp3" preload="auto"></audio>
<script>
    var hascode = '<?php echo $row['
    id
    '];?>';
    var code = "<?php echo $row['code'];?>";
    var openid = "<?php echo $openid;?>";
</script>
<script src="js/zepto.min.js"></script>
<script src="js/base.js"></script>
<script src="js/jweixin-1.0.0.js"></script>
<script src="js/swiper.3.1.2.min.js"></script>
<script src="js/swiper.animate1.0.2.min.js"></script>
<script src="js/sdc_liulianH515.10_WAP.js"></script>
<script src="jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<!--<script src="http://static.veryweibo.com/js/weixin/jsticketapi-1.1.min.js"></script>-->
<script src="./aaa.js"></script>
<script>
    var app_id = '<?php echo $appid?>';
    var request_url = '<?php echo $self_url?>';
    var request_urls = request_url.split('?');
    var website = request_url.split('/api.php');
    var title_type = 0;
    $(function () {
        $ = Zepto;
        jsApiList = ['onMenuShareTimeline', 'onMenuShareAppMessage', 'hideMenuItems'];
        share_timeline_data = {
            'title': "我摇到免费榴莲多多比萨，人品爆棚！不服来战！",
            'link': request_urls[0],
            'img_url': website[0] + "/images/share-mian.jpg",
            'callbackfunc': function () {

            }
        };

        share_app_data = {
            'title': "我摇到免费榴莲多多比萨，人品爆棚！不服来战！",
            'desc': "我摇到免费榴莲多多比萨，人品爆棚！不服来战！",
            'link': request_urls[0],
            'img_url': website[0] + "/images/share-mian.jpg",
            'callbackfunc': function () {

            }
        };
        var url = window.location.href.split("#")[0];
        hide_menu_list = [];
//            construct(app_id, url, jsApiList, share_timeline_data, share_app_data, hide_menu_list);
        construct(app_id, url, jsApiList, hide_menu_list);
    });


</script>
<script src="./js/index.js"></script>
</body>
</html>
